<!DOCTYPE html>
<html>
  <head>
    <title>我的主页</title>
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="description" content="">

<link rel="stylesheet" href="/lib/weui.min.css">
<link rel="stylesheet" href="/css/jquery-weui.css">
<link rel="stylesheet" href="/css/home.css">
<link rel="stylesheet" href="/plugins/fontaw/css/font-awesome.css">
<style>
  body{font-size:0.6rem}
.top-banner{
  height: 9rem;background: url("/mod-page/images/wechat/patient.jpg") no-repeat;
  background-size:100% 100%;position: relative;
}
.avatar{
  position: absolute;top:0;bottom: -9rem;left: 0;right: 0;margin:auto;width: 3.5rem;height: 3.5rem;

}
.avatar img{
  width: 100%;
  border-radius: 50%;
  border:white 0.3rem solid;
}
 .tool_links{position: absolute;bottom: 0.5rem}
  .user_pro{padding:1rem;}

  .inquiry-list{
    padding:10px;
    margin-top:2rem
  }
  .inquiry-block{
    border:#d8d6d3 1px solid;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .block-head{
    background-color:lightgrey;
    color: #32312d;
  }
  .weui-cell{padding:5px}
  .block-body{min-height: 40px;font-size: 0.6rem}
  .view-link{float: right;border: white solid 1px;border-radius: 6px;vertical-align: middle;padding:0px 5px;font-size: 0.6rem}
  .block-body p{display: inline-block;}
  .c-title{width: 85px;text-align: left;font-weight: bold;padding-left:0.6rem}
  .doctor_block{width:95%;border:lightgrey solid 1px;margin: auto;margin-top: 0.6rem}

  .link-zone a{color: grey}
  .doctor-info{position: relative;}
  .avatar-b{width: 60px;}
  .avatar-img{border-radius: 50%}
  .info-block{-webkit-box-flex: 1;display: inline-block}
  .max-width{max-width:50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .weui-cell__bd h4{display: inline-flex;padding-left:0.5rem;font-size: 0.8rem}
  .link-zone i{color: green}
  .weui-form-preview__bd{text-align: left}
  .weui-form-preview__ft{font-size:0.8rem}
  .doctor_block{font-size:0.8rem}
  .weui-form-preview__label{margin-right: 0.2rem}
</style>
  </head>
  <body ontouchstart>
    <div class="weui-tab">
      <div class="weui-tab__bd" id="tabContain">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            <div class="weui-flex">
              <div class="weui-flex__item">
                <div class="top-banner">
                  <div class="avatar">
                    <img src="/mod-page/images/avatar.jpg" >
                  </div>
                  <div class="tool_links">
                    <a href="#" ><span class="user_pro">用户协议</span></a>
                  </div>
                </div>
              </div>
             </div>

          <div class="inquiry-list" id="inquiry-list" style="color:#999">

            <div class="inquiry-block">
              <label class="weui-cell weui-check__label block-head" >
                <div class="weui-cell__hd">
                        xxx医师发来了一份问诊单，请根据当前症状认真填写
                </div>

              </label>
              <div class="block-body">
                <label class="weui-cell weui-check__label">
                  <div class="weui-cell__hd c-title" >
                    咨询内容：
                  </div>
                  <div class="weui-cell__bd" style="width: 100%">
                    点击填写
                  </div>
                </label>
                <label class="weui-cell weui-check__label">
                  <div class="weui-cell__hd c-title" >
                    回复医生：
                  </div>
                  <div class="weui-cell__bd" style="width: 100%">
                    xxx 医生
                  </div>
                </label>
                <label class="weui-cell weui-check__label">
                  <div class="weui-cell__hd c-title" >
                    回复时间：
                  </div>
                  <div class="weui-cell__bd" style="width: 100%">
                    2018-05-04 14:32
                  </div>
                </label>
              </div>
            </div>


            <div class="inquiry-block">
              <label class="weui-cell weui-check__label block-head" >
                <div class="weui-cell__hd">
                  xxx医师发来了一份问诊单，请根据当前症状认真填写
                </div>

              </label>
              <div class="block-body">
                <label class="weui-cell weui-check__label">
                  <div class="weui-cell__hd c-title" >
                    咨询内容：
                  </div>
                  <div class="weui-cell__bd" style="width: 100%">
                    点击填写
                  </div>
                </label>
                <label class="weui-cell weui-check__label">
                  <div class="weui-cell__hd c-title" >
                    回复医生：
                  </div>
                  <div class="weui-cell__bd" style="width: 100%">
                    xxx 医生
                  </div>
                </label>
                <label class="weui-cell weui-check__label">
                  <div class="weui-cell__hd c-title" >
                    回复时间：
                  </div>
                  <div class="weui-cell__bd" style="width: 100%">
                    2018-05-04 14:32
                  </div>
                </label>
              </div>
            </div>
          </div>
        </div>

        <div id="tab2" class="weui-tab__bd-item" >



        </div>
        <div id="tab4" class="weui-tab__bd-item">

        </div>
      </div>

      <div class="weui-tabbar">
        <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on" link="/mod-page/patient/my_doctor_list.html">
          <div class="weui-tabbar__icon">
            <img src="./images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">咨询中医</p>
        </a>
        <a href="#tab2" class="weui-tabbar__item tab2" id="goTab2">
          <div class="weui-tabbar__icon">
            <img src="./images/icon_nav_msg.png" alt="">
          </div>
          <p class="weui-tabbar__label">线上购药</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item" onclick="jumpPageWithId('/mod-page/patient/patient_center.html')">
          <div class="weui-tabbar__icon">
            <img src="./images/icon_nav_cell.png" alt="">
          </div>
          <p class="weui-tabbar__label">个人中心</p>
        </a>
      </div>
    </div>

<script src="/lib/jquery-2.1.4.js"></script>
<script src="/lib/fastclick.js"></script>
<script src="/js/home.js"></script>
 <script src="/js/jquery-weui.js"></script>
<script>
    var patientId = getQueryString("patientId");

    function jumpPageWithId(url){
        if(patientId){
            if(url.indexOf("?")>0)
                location.href=url+"&patientId="+patientId;
            else
                location.href=url+"?patientId="+patientId;
        }else{
            unkownuser("patient")
        }
    }



      $(".weui-tabbar a").click(function () {
         // location.href = $(this).attr("link")+"?patientId="+patientId;
      });
</script>


 </body>
</html>
